/*
 * @Author: nengwu 409791297@qq.com
 * @Date: 2020-06-28 11:24:13
 * @LastEditors: mylesshie@gmail.com
 * @LastEditTime: 2020-08-05 12:54:29
 * @description: 
 */ 
import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    marginLeft: px(27),
    marginRight: px(27),
    paddingTop: px(20),
    paddingBottom: px(20),
    flexDirection: 'column',
    borderBottomWidth: px(2),
    borderBottomColor: '#eee',
    backgroundColor: '#fff'
  },
  wrapTop: {
    flexDirection: 'row'
  },
  wrapBottom: {
    marginTop: px(15),
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  title: {
    flex: 1
  },
  titleText: {
    fontSize: 18,
    lineHeight: 28
  },
  leftBottomWrap: {},
  rightClose: {
    alignItems: 'center',
    justifyContent: 'center'
  },
  closeBtn: {
    width: px(29),
    height: px(22)
  },

  rightImageWrap: {
    flex: 0,
    width: px(190),
    height: px(130),
    marginLeft: px(60)
  },
  rightImage: {
    width: px(190),
    height: px(130)
  },

  imgListWrap: {
    flexDirection: 'row',
    marginTop: px(20)
  },
  imgBox: {
    flex: 1,
    marginRight: 5
  },
  imgBoxLast: {
    flex: 1
  },
  listImg: {
    width: '100%',
    height: px(130)
  },
  
  video: {
    marginTop: px(20),
    position: 'relative'
  },
  videoBanner: {
    width: '100%',
    height: px(350)
  },
  playBtn: {
    position: 'absolute',
    width: px(100),
    height: px(100),
    borderRadius: px(50),
    left: '50%',
    top: '50%',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'rgba(0, 0, 0, 0.3)',
    marginLeft: -px(50),
    marginTop: -px(50)
  },
  // 标签样式
  tag: {
    flex: 0,
    borderColor: '#D13539',
    borderWidth: px(1),
    borderRadius: 2,
    paddingTop: 1,
    paddingBottom: 1,
    paddingLeft: 3,
    paddingRight: 3
  },
  tagText: {
    fontSize: px(24),
    color: '#D13539'
  },
})

export default styles